<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<!--引入Bootstrap的外部CSS文件-->
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<!--引入jquery.js文件-->
		<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
		<!--引入bootstrap.js文件-->
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<style type="text/css">
			.da{
				border: 0px solid red;				
				width: 230px;
				height: 180px;
		}
		.da img{
			padding: 0;
		}
		</style>
	</head>
	<body>
		
		<nav class="navbar" id="navbar">
		  <div class="container-fluid navbar-inverse">
		    <!-- Brand and toggle get grouped for better mobile display -->
		    <div class="navbar-header">
		      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
		      <a class="navbar-brand" href="#"><img src="img/智能家居.png" width="30px" height="25px" ></a>
		    </div>
		
		    <!-- Collect the nav links, forms, and other content for toggling -->
		    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		      <ul class="nav navbar-nav">
		        <li class="active"><a href="zhuye.html" role="button">首页 </a></li>
		        <li class="dropdown">
		          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">产品中心 <span class="caret"></span></a>
		          <ul class="dropdown-menu">
		            <li class="active"><a href="#kaiguan">超级智能开关</a></li>
		            <li><a href="#mensuo">智能门锁</a></li>
		            <li><a href="#zhaoming">智能照明</a></li>
		            <li><a href="#chuanglian">智能窗帘</a></li>
		            <li role="separator" class="divider"></li>
		            <li><a href="#chuanganqi">安防传感器</a></li>
		            <li role="separator" class="divider"></li>
		            <li><a href="#jiadian">家电应用</a></li>
		            <li><a href="#shequ">智能社区</a></li>
		          </ul>
		        </li>
		        
		        <li><a href="liuyanban.html">留言板</a></li>
		        <li><a href="guanyuwomen.html">关于我们</a></li>
		      </ul>
		      <ul class="nav navbar-nav navbar-right">
		        <li><a href="登录.html">登录</a></li>
		        <li><a href="注册.html">注册</a></li>    
		      </ul>
		    </div><!-- /.navbar-collapse -->
		  </div><!-- /.container-fluid -->
		</nav>
		
		<div class="container tab-content" data-spy="scroll" data-target="#navbar" style=" position: relative;">
			<div id="kaiguan" style="padding: 20px;">
				<h1>超级智能开关</h1>
			</div>				
		<div class="row">			   		
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/kaiguan1.jpg" class="img-responsive img-thumbnail container" />
			   			</div>
			   			<h4>mix智能开关</h4>
			   			<h6>一个超级开关，搞定全宅智能</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>		  
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/kaiguan2.png" class="img-responsive img-thumbnail container" />
			   			</div>
			   			<h4>pad智能开关</h4>
			   			<h6>一步进入5G生活</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>	
			   		
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/kaiguan4.png" class="img-responsive img-thumbnail container" />
			   			</div>
			   			<h4>MPS智能开关</h4>
			   			<h6>旗舰美学与强悍科技的完美结合</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>	
			   		
			   		<div class="col-lg-4 col-md-4 col-sm-6 container">
			   			<div class="da">
			   			<img src="img/kaiguan5.png" class="img-responsive img-thumbnail container" />
			   			</div>
			   			<h4>极锐智能开关</h4>
			   			<h6>可靠耐用，媲美iPhone工艺</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>	
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/kaiguan3.png" class="img-responsive img-thumbnail container" style="width:100px ; height:170px;" />
			   			</div>
			   			<h4>TC智能开关</h4>
			   			<h6>3D钢化玻璃面板，3毫秒极速响应</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>	
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/kaiguan6.png" class="img-responsive img-thumbnail container" style="width:150px ; height:170px;" />
			   			</div>
			   			<h4>极锐智能开关</h4>
			   			<h6>可靠耐用，媲美iPhone工艺</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>		
				</div>
				
			<div id="mensuo" style="padding: 20px;">
				<h1 >智能门锁</h1>
			</div>				
			<div class="row">			   		
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/mensuo1.png" class="img-responsive img-thumbnail container" style="width:200px ; height:170px;" />
			   			</div>
			   			<h4>智能门锁S1</h4>
			   			<h6>安全武士，锁中贵族</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>	
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/mensuo2.png" class="img-responsive img-thumbnail container" style="width:200px ; height:170px;" />
			   			</div>
			   			<h4>智能门锁T1</h4>
			   			<h6>0.3秒一触即开，24小时全空间防护</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>	
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/mensuo3.png" class="img-responsive img-thumbnail container" style="width:200px ; height:170px;" />
			   			</div>
			   			<h4>智能门锁C1</h4>
			   			<h6>9大硬科技，守护全家安全</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>	
			</div>
			
			<div id="zhaoming" style="padding: 20px;">
				<h1 >智能照明</h1>
			</div>				
			<div class="row">
				<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/zhaoming1.png" class="img-responsive img-thumbnail container" style="width:200px ; height:170px;" />
			   			</div>
			   			<h4>超级照明S系列</h4>
			   			<h6>专业级家居智能照明</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>	
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/zhaoming2.png" class="img-responsive img-thumbnail container" style="width:200px ; height:170px;" />
			   			</div>
			   			<h4>智能无极色温灯</h4>
			   			<h6>全屋照明首选，还原真实色彩</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>	
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/zhaoming3.png" class="img-responsive img-thumbnail container" style="width:200px ; height:170px;" />
			   			</div>
			   			<h4>智能幻彩灯带</h4>
			   			<h6>1600万色，真彩更精彩</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>	
			</div>
			
			
			<div id="chuanglian" style="padding: 20px;">
				<h1 >智能窗帘</h1>
			</div>
			<div class="row">
				<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/chuanglian1.png" class="img-responsive img-thumbnail container" style="width:200px ; height:170px;" />
			   			</div>
			   			<h4>超级智能窗帘智控版</h4>
			   			<h6>AI真智能，带来全新遮阳体验</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>	
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/chuanglian2.png" class="img-responsive img-thumbnail container" style="width:200px ; height:170px;" />
			   			</div>
			   			<h4>太白智能窗帘WiFi版</h4>
			   			<h6>全屋照明首选，还原真实色彩</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>	
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/chuanglian3.png" class="img-responsive img-thumbnail container" style="width:200px ; height:170px;" />
			   			</div>
			   			<h4>巧克力智能窗帘兔布线版</h4>
			   			<h6>小身材大扭力，新旧房都能装</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>	
			</div>
			<div id="chuanganqi" style="padding: 20px;">
				<h1 >安防传感器</h1>
			</div>
			<div class="row">
				<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/ancobaojingqi.png" class="img-responsive img-thumbnail container" style="width:200px ; height:170px;" />
			   			</div>
			   			<h4>智能一氧化碳报警器</h4>
			   			<h6>灵敏检测CO浓度，异常立即报警</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>	
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/anjinjibutton.png" class="img-responsive img-thumbnail container" style="width:200px ; height:170px;" />
			   			</div>
			   			<h4>智能紧急按钮</h4>
			   			<h6>当老人小孩遇险，一键紧急求救</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>	
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/anmenchuangchuangan.png" class="img-responsive img-thumbnail container" style="width:200px ; height:170px;" />
			   			</div>
			   			<h4>门窗传感器</h4>
			   			<h6>实时感应门窗的开关状态</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>	
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/anpeople.png" class="img-responsive img-thumbnail container" style="width:200px ; height:170px;" />
			   			</div>
			   			<h4>人体传感器</h4>
			   			<h6>灵敏感应异常移动</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>	
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/anshexiangtou.png" class="img-responsive img-thumbnail container" style="width:200px ; height:170px;" />
			   			</div>
			   			<h4>智能云台摄像机</h4>
			   			<h6>360°全景巡航 ，看得清更看得全</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>	
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/anwendutanceqi.png" class="img-responsive img-thumbnail container" style="width:200px ; height:170px;" />
			   			</div>
			   			<h4>智能温湿度探测器</h4>
			   			<h6>实时检测温湿度，呵护快人一步</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>	
			</div>
			
			<div id="jiadian" style="padding: 20px;">
				<h1 >家电应用</h1>
			</div>				
			<div class="row">			   		
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/saodijiqiren.png" class="img-responsive img-thumbnail container" style="width:200px ; height:170px;" />
			   			</div>
			   			<h4>智能扫地机器人 R1</h4>
			   			<h6>真AI全宅清洁，扫拖性能至尊</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/zhinengmojing.png" class="img-responsive img-thumbnail container" style="width:200px ; height:170px;" />
			   			</div>
			   			<h4>智能魔镜</h4>
			   			<h6>实时显示健康状态，智能控制家中设备</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/liangyijia.png" class="img-responsive img-thumbnail container" style="width:200px ; height:170px;" />
			   			</div>
			   			<h4>智能晾衣架</h4>
			   			<h6>智控风干杀菌，让衣物更健康</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/yaunjing.png" class="img-responsive img-thumbnail container" style="width:200px ; height:170px;" />
			   			</div>
			   			<h4>智能圆镜</h4>
			   			<h6>智能语音控制，轻松实现多场景联动</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>
			   		
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/zhuanfaqi.png" class="img-responsive img-thumbnail container" style="width:200px ; height:170px;" />
			   			</div>
			   			<h4>ZigBee 红外转发器</h4>
			   			<h6>轻松控制红外家电，多情景智能联动</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/chazuo.png" class="img-responsive img-thumbnail container" style="width:200px ; height:170px;" />
			   			</div>
			   			<h4>S20c 智能插座</h4>
			   			<h6>智能定时，手机远程控制</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/yaokongqi.png" class="img-responsive img-thumbnail container" style="width:200px ; height:170px;" />
			   			</div>
			   			<h4>小方智能遥控器</h4>
			   			<h6>一个替代所有遥控器</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>
			</div> 
			
			
			
			<div id="shequ" style="padding: 20px;">
				<h1 >智能社区</h1>
			</div>				
			<div class="row">			   		
			   		<div class="col-lg-4 col-md-4 col-sm-6">
			   			<div class="da">
			   			<img src="img/AIduijiangxitong.png" class="img-responsive img-thumbnail container" style="width:200px ; height:170px;" />
			   			</div>
			   			<h4>AI可视对讲系统</h4>
			   			<h6>重新定义可视对讲，标杆地产项目必备</h6>
			   			<button type="button" class="btn btn-success"><a href="chanpinjieshao.html">了解更多</a></button>
			   		</div>			   	
			</div>
						
		</div>	
		<div class="container-fluid" style=" border:1px solid black;background-color:black ;">
				
				<div class="row ">
					<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
					<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
					<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" style="color:gray;">推荐产品</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" style="color:gray;">关于我们</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" style="color:gray;">商务合作</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" style="color:gray;">服务支持</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" style="color:gray;">购买渠道</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" style="color:gray;">新闻中心</a></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				</div>
				<div class="row ">
					<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
					<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
					<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="chanpin.html#kaiguan" style="color:gray;">超级智能开关</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" style="color:gray;">公司简介</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" style="color:gray;">经销代理</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" style="color:gray;">智能定制</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" style="color:gray;">官方商城</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" href="#" style="color:gray;">新闻</a></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				</div>
				<div class="row ">
					<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
					<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
					<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" href="chanpin.html#zhaoming" style="color:gray;">智能照明</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" href="#" style="color:gray;">公司文化</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" href="#" style="color:gray;">地产项目</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" href="#" style="color:gray;">精选案例</a></div>				  
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" href="#" style="color:gray;">天猫旗舰店</a></div>				 
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"><a href="#" href="#" style="color:gray;">发布会</a></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				  <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
				</div>
				<h6 align="center" style="color: white;">hjs@2021AllRights Reseived </h6>
				<h6 align="center" style="color: white;">联系方式：qq：2822054909 邮箱：2822054909@qq.com</h6> 
		</div>
	</body>
</html>
	    
		   
		    
		    
	